{namespace tauge.soy.Header}

/**
 * @example soy.renderElement(element, tauge.soy.header.generateHtml , {sysInfoLogoUrl : 'img/logo.png', sysInfoName : 'BARIS', sysInfoVersion : '0.0.1 alpha', userInfoToken : '1', userInfoAvatarUrl : '/img/user/avatar.png', userInfoRealName : 'Rudin Harianto'})
 * @param sysInfoLogoUrl 
 * @param sysInfoName 
 * @param sysInfoVersion 
 * @param userInfoToken
 * @param userInfoAvatarUrl 
 * @param userInfoRealName 
 */
{template .generateHtml}
		<ol class="header-sysinfo">
			<li><img class="header-sysinfo-logo-img" src="{$sysInfoLogoUrl}" width="40px" height="40px"/></li>
			<li>
				<div class="header-sysinfo-name"> {$sysInfoName} </div>
				<div class="header-sysinfo-version"> {$sysInfoVersion} </div>			
			</li>
			<li class="header-sysinfo-module" id="liHeaderSysInfoModule"></li>
		</ol>
		
		{if $userInfoToken!=0}
			<ol class="header-userinfo">
				<li><img src="{$userInfoAvatarUrl}" width="40px" height="40px" /> </li>
				<li>
					<div class="header-userinfo-realname"><span>{$userInfoRealName}</span></div>
					<div><span class="header-userinfo-signout">Sign out</span> &nbsp | &nbsp <span class="header-userinfo-changepwd">Change password</span></div>
				</li>			
			</ol>
		{/if}
{/template}